body {
    margin: 0!important;
    font-size: 1.8rem!important;
    font-weight: 2000!important;
    letter-spacing: 1.2px!important;
    overflow-wrap: break-word!important;
}

a {
    text-decoration: none!important;
    font-size: 1.8rem!important;
    color: black!important;
}

p {
    font-size: 14px;
    font-weight: 500;
    /*margin-top: 100px;*/
}

ul {
    list-style: none!important;
}

.active {
    color: rgb(69, 123, 39) !important;
    font-size: 2.5rem!important;
}

#nav {
    top: 0;
    height: 96px;
    /*height: 72px;*/
    width: 100%;
    /*padding-left: 39px;*/
    /*padding-top: 24px;*/
    background-color: lightgray;
    /*box-sizing: border-box;*/
    text-align: left;
    position: fixed;
    z-index: 99;
}

.lay {
    width: 100%;
    /*width: 90%;*/
    /*height: 100%;*/
    /*margin: 0 auto;*/
    /*min-width: 960px;*/
    /*margin-top: 24px;*/
    display: inline-grid;
    /*grid-template-columns: 100px 1200px 200px;*/
    grid-template-columns: 15% 65% 20%;
}

.logo {
    /*margin-left: 20px;*/
    /*margin-top: 24px;*/
    /*width: 48px;*/
}

.logo img {
    margin-left: 39px;
    margin-top: 24px;
}

.category {
    /*width: 70%;*/
    margin-top: 35px;
}

.category ul {
    /*text-decoration: none;*/
}

.category ul li {
    float: left;
    margin-left: 15%;
    display: inline;
    text-decoration: none;
}

.info {
    /*width: 20%;*/
    /*float: right;*/
    margin-top: 35px;
}

.info ul li {
    float: left;
    margin-left: 7%;
    display: inline;
    text-decoration: none;
}

.main {
    display: grid;
    place-items: center;
    /*margin-top: 96px;*/
    /*margin-left: ;*/
    margin: 96px 400px 0 400px;
    /*border: 2px solid black;*/
}

#title {
    text-align: center;
    margin: 50px;
}

#introduce {
    margin: 100px 0;

}

#details {
    margin-top: 100px;
}

.words {
    margin-top: 50px;
    line-height: 120%;
}

.steps {
    margin: 50px 100px;
    /*border: 2px solid red;*/
    line-height: 200%;
}

.steps > ul {
    /*text-decoration: none;*/
    /*list-style: none;*/
}

.steps > ul > li {
    text-decoration: none;
    /*list-style: none;*/
}

/*textarea {*/
#input {
    border-radius: 20px;
    border-color: rgb(69, 123, 39);
}

.btn {
    /*float: left;*/
    padding: 10px 20px;
    background: rgb(69, 123, 39);
    color: white;
    border-radius: 25px!important;
    border: none;
    outline: 2px solid rgb(69, 123, 39);
    outline-offset: 3px;
}

#Guestbook {
    margin-top: 100px;
}

.Guestbook > ul{
    /*text-decoration: none;*/
    /*list-style: none!important;*/
    margin: 0;
}

.Guestbook > ul > li{
    text-decoration: none;
    /*list-style: none;*/
}

.tells {
    width: 90%;
    height: 70px;
    border: 2px solid rgb(69, 123, 39);
    border-radius: 20px;
    padding: 5px 5px;
}

.hd {
    height: 55px;
    width: 55px;
    padding: 0 0 3px 0;
    border-radius: 30px;
    float: left;
    border: 2px solid rgb(69, 123, 39);
}

.footer {
    width: 100%;
    height: 96px;
    background-color: lightgray;
}

span {
    float: left;
    margin-top: 40px;
    font-size: small;
}

#pri {
    border: none;
    outline: none;
    resize: none;
    /*width: 100%;*/
}

#tellUl li{
    margin-bottom: 20px;
}

#searcher {
    border-radius: 25px;
    margin-left: 400px;
    /*border: 2px solid rgb(69, 123, 39);*/
}

.gotoTop {
    position: fixed;
    width: 50px;
    height: 100px;
    top: 73%;
    left: 95%;
    background-color: black;
}

.top {
    background-color: white;
    width: 50px;
    height: 50px;
    padding: 7px;
}

.qr {
    background-color: white;
    width: 50px;
    height: 50px;
    padding: 7px;
}